import axios from 'axios'
import store from '../store'
import router from '../router'

const request = axios.create({
  baseURL: 'http://geek.itheima.net/v1_0/'
})

// 添加请求拦截器=> 发请求之前执行
request.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么？=》统一给header添加token
  console.log('发送请求之前:', config)
  if (store.state.user.token && config.url !== 'authorizations') {
    config.headers.Authorization = `Bearer ${store.state.user.token}`
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器=》请求发送之后，后端响应了执行了 => 拦截器先拿到后台的response数据
request.interceptors.response.use(function (response) {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么
  // 简化响应数据
  const _data = {
    status: response.status,
    data: response.data.data
  }
  return _data
}, async function (error) {
  console.log('拦截器捕获的错误：')
  console.dir(error)
  const loginPath = '/login?redirectUrl=' + router.currentRoute.path
  try {
    if (error.response && error.response.status === 401) {
      // console.log('处理401报错：是否需要更新token')
      const { user } = store.state
      if (!user.token || !user.refresh_token) {
        router.replace(loginPath)
        return Promise.reject(error)
      }
      const { data } = await request({
        url: 'authorizations',
        method: 'put',
        headers: {
          Authorization: 'Bearer ' + user.refresh_token
        }
      })
      console.log('更新后的token', data)
      store.commit('setToken', {
        token: data.token,
        refresh_token: user.refresh_token
      })
      return request(error.config)
    }
  } catch (error) {
    router.replace(loginPath)
    return Promise.reject(error)
  }
  return Promise.reject(error)
})

export default request
